<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>学习中心-<?php echo $cfg_webname; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="<?php echo $mcfg_basehost; ?>/m-css/m-index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php echo $mcfg_basehost; ?>/m-js/jquery.js"></script>
<style type="text/css">
.wrapper{padding-top:0;}

/*无收藏内容时显示的*/
.m-yxw-dd-wushuju{padding:30px 0;}
.m-yxw-dd-wushuju img{width:100px;height:100%;margin:0 auto;display:block;}
.m-yxw-dd-wushuju .wu-dd-title{text-align:center;font-size:14px;color:#757575;padding-top:10px;}

/*VIP会员订单*/
.m-kc-operation{background:#fff;margin-bottom:10px;}
.m-kc-operation-dd{overflow:hidden;padding:0 15px;font-size:14px;height:40px;line-height:40px;border-bottom:1px solid #f5f5f5;color:#999;}
.m-kc-operation a{display:block;padding:15px 15px;}
.m-kc-operation img{width:98px;height:56px;float:left;border-radius:3px;}
.m-kc-operation .m-kc-operation-title{position:relative;padding-left:105px;height:56px;}
.m-kc-operation .m-operation-title{line-height:56px;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m-kc-operation-sj{overflow:hidden;margin:0 15px;font-size:14px;height:45px;line-height:45px;border-top:1px solid #f5f5f5;}
.operation-sj-fl{display:inline-block;color:#999;}

/*课程订单*/
.m-kc-operation .m-operation-kc-bt{height:36px;line-height:18px;font-size:14px;color:#333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
.m-kc-operation .m-operation-kc-sj{line-height:16px;font-size:14px;color:#999;position:absolute;bottom:0;}
.quxuexi{font-size:12px;color:#fff;background:#ff700a;line-height:18px;padding:2px 10px !important;border-radius:15px;margin-top:12px;}
.searchbar_index h1{text-align:left;padding-left:15px;}

/*加载中*/
.yxw-list-loading{width:100%;height:50px;line-height:50px;color:#757575;background:#f0f0f0;text-align:center;font-size:14px;margin-top:-10px;}
.m-yxw-dd-wushuju{display:none;}
</style>
</head>
<body>

<div class="wrapper"> 

<!-- 这里是没有数据显示的内容 -->
<div class="m-yxw-dd-wushuju"><img src="<?php echo $mcfg_basehost; ?>/m-images/kc-wu-dd.png"><p class="wu-dd-title">您还没有购买课程哦</p></div>
<!-- 这里是没有数据显示的内容 End --> 


<!-- 课程订单列表 -->
<div class="m-kc-dd-list"> 
{dede:datalist}
<div class="m-kc-operation">
<a href="<?php echo GetTypeDeurl($fields['pid']); ?>"><img src="<?php echo $cfg_basehost; ?>/images/yxw-sc-bg.gif" data-original="<?php echo $cfg_basehost; ?><?php echo $fields['bigpic']; ?>"><div class="m-kc-operation-title"><p class="m-operation-kc-bt"><?php echo $fields['pname']; ?></p><p class="m-operation-kc-sj">￥<?php echo $fields['price']; ?></p></div></a>
<div class="m-kc-operation-sj"><span class="operation-sj-fl fl">购于{dede:field.stime function="GetDateMK(@me)"/}</span><a href="<?php echo GetTypeDeurl($fields['pid']); ?>" class="quxuexi fr">去学习</a></div>
</div>
{/dede:datalist}
</div>
<!-- 课程订单列表 ENd -->

<div id="dianhuafei" class="yxw-list-loading"></div>
<div class="xiayiyequ" style="display:none;">{dede:pagelist listitem="next"/}</div>

</div>

<!-- 返回顶部 -->
<div class="mall-totop" onclick="window.scrollTo(0,0);"></div>
<script src="<?php echo $mcfg_basehost; ?>/m-js/mall-top.js"></script> 
<!-- 返回顶部 End --> 


<!-- 最底部导航 -->
<div class="gzs-bottombar">
<a href="<?php echo $mcfg_basehost; ?>/" class="gzs-bo"><img src="<?php echo $mcfg_basehost; ?>/m-images/index.png"><p>首页</p></a>
<a href="<?php echo $mcfg_basehost;?>/user/buyhui.php" class="gzs-bo"><img src="{dede:global.mcfg_basehost/}/m-images/index-ke.png"><p>会员</p></a>
<a href="<?php echo $mcfg_basehost;?>/user/operation_ke.php" class="gzs-bo gzs-on"><img src="<?php echo $mcfg_basehost;?>/m-images/index-yg2.png"><p>学习</p></a>
<a href="<?php echo $mcfg_basehost; ?>/user/" class="gzs-bo"><img src="<?php echo $mcfg_basehost;?>/m-images/index-admin.png"><p>我的</p></a>
</div>
<!-- 最底部导航 End -->


<script>
if($(".m-kc-operation").length < 1){    
    $(".m-yxw-dd-wushuju").show();
}
var f = true; 
function getxia(){
    var link = $(".xiayiyequ a");
        var href = link.attr("href");
        if (href != undefined) { 
        $(".yxw-list-loading").html('正在加载中...');
            $.ajax({
                type: "get",
                url: href,
                success: function(data) { 
  
                    var newHref = $(data).find(".nextPage").attr("href");  
                    $(".m-kc-dd-list").append($(data).find(".m-kc-dd-list").html());
                    
                    f = true;
                    
                    if (newHref != undefined) {
                        link.attr("href", newHref);
                    } else {
                        $("#dianhuafei").html("没有更多了");
                        link.html("下一页没有了").removeAttr("href");
                    };
                }
            });
        }else{
        $("#dianhuafei").html("没有更多了");
        
        }
        
        return false;   
}

$(document).scroll(function(){
            //滚动条滑动的时候获取滚动条距离顶部的距离
            var scroll=$(document).scrollTop();
            //屏幕的高度
            var client=$(window).height();
            var h=$(document).height();
            var flag=true;
            var bih = scroll+client+100 ;       
            if (h<= bih) { // 到达底部时,加载新内容    
                    if(f){
                        f  = false;
                        getxia();   
                    }
                      
            }
});
</script>


<script type="text/javascript">
$(function(){
    lazyRender();
})
$(window).on('scroll',function () {
    lazyRender();
})
function lazyRender () {
    $('img').each(function () {
        //解决没缩略图的
        if($(this).attr('src') == undefined)
        {
            $(this).attr("src","<?php echo $cfg_basehost; ?>/images/yxw-sc-bg.gif");
        }
        if (checkShow($(this)) && !isLoaded($(this)) ){
            loadImg($(this));
        }
        if($(this).attr('src') == '<?php echo $cfg_basehost; ?>'){$(this).attr("src","<?php echo $cfg_basehost; ?>/images/yxw-sc-bg.gif");}
    })
}
function checkShow($img) { // 传入一个img的jq对象
    var scrollTop = $(window).scrollTop();  //即页面向上滚动的距离
    var windowHeight = $(window).height(); // 浏览器自身的高度
    var offsetTop = $img.offset().top;  //目标标签img相对于document顶部的位置
    if (offsetTop < (scrollTop + windowHeight) && offsetTop > scrollTop) { //在2个临界状态之间的就为出现在视野中的
        return true;
    }
    return false;
}
function isLoaded ($img) {
    return $img.attr('data-src') === $img.attr('src'); //如果data-src和src相等那么就是已经加载过了
}
function loadImg ($img) {
    // $img.css('display','none');
    $img.attr('src',$img.attr('data-original')).fadeIn(300); // 加载就是把自定义属性中存放的真实的src地址赋给src属性
}
</script>
</body>
</html>